


        main .judge .contn .round .check .ring .item,
        main .judge .contn .round .check .txt .around,
        main .judge .contn .round .check .txt .around *{
            -webkit-tap-highlight-color: transparent;
        }


        
        main .headPic{
            height: 37.5vw;
        }
       

        main .judge{
            margin-top: 120px;
            padding-bottom: 90px;
        }
        main .judge .title + p{
            width: 600px;
            margin:0 auto;
            padding:0px 40px;
        }
        main .judge .contn{
            padding: 130px 0px;
            overflow: hidden;
        }
        main .judge .contn .round{
            height: 300px;
            position: relative;
        }
        main .judge .contn .round .line{
            height: 100%;
            overflow: hidden;
            position: relative;
        }
        main .judge .contn .round .circle{
            position: absolute;
            left: calc(50% - 600px);
            border-radius: 50%;
            width:1200px;
            height: 1200px;
            top: 0px;
        }
        main .judge .contn .round .line .btmDashed{
            border: 2px dashed #bf2532;
        }
        main .judge .contn .round .line .clip{
            clip:rect(0px,auto,600px,auto);
        }
        main .judge .contn .round .line .animation{
            top: -1px;
            transition: all ease .5s .3s;
            background: white;
            transform: rotate(30deg);
            z-index: 2;
        }
        main .judge .contn .round .line .solid{
            border: 2px solid #bf2532;
            transition: transform ease .4s;
            transform: rotate(-150deg);
            -ms-transform:rotate(-150deg); 	/* IE 9 */
            -moz-transform:rotate(-150deg); 	/* Firefox */
            -webkit-transform:rotate(-150deg); /* Safari 和 Chrome */
            -o-transform:rotate(-150deg); 	/* Opera */
            z-index: 3;
        }
        main .judge .contn .round.frozen .line .animation{
            transform: rotate(150deg);
            -ms-transform:rotate(150deg); 	/* IE 9 */
            -moz-transform:rotate(150deg); 	/* Firefox */
            -webkit-transform:rotate(150deg); /* Safari 和 Chrome */
            -o-transform:rotate(150deg); 	/* Opera */
        }
        main .judge .contn .round .check,
        main .judge .contn .round .check .ring{
            z-index: 2;
        }
        main .judge .contn .round .check .ring .item{
            width: 10px;
            height: 10px;
            background: #ccc;
            border-radius: 50%;
            position: absolute;
            top: calc(50% - 5px);
            left: calc(50% - 5px);
            transition: background ease .5s;
            transform-origin: center center;
            cursor: pointer;
        }
        main .judge .contn .round .check .ring .item.active,
        main .judge .contn .round .check .ring .item.hover,
        main .judge .contn .round .check .ring .item.cross{
            background: #bf2532;
        }
        main .judge .contn .round .check .ring .item:nth-child(1),
        main .judge .contn .round .check .txt .around:nth-child(1){
            transform:rotate(30deg) translateX(-600px);
        }
        main .judge .contn .round .check .ring .item:nth-child(2),
        main .judge .contn .round .check .txt .around:nth-child(2){
            transform:rotate(50deg) translateX(-600px);
        }
        main .judge .contn .round .check .ring .item:nth-child(3),
        main .judge .contn .round .check .txt .around:nth-child(3){
            transform:rotate(70deg) translateX(-600px);
        }
        main .judge .contn .round .check .ring .item:nth-child(4),
        main .judge .contn .round .check .txt .around:nth-child(4){
            transform:rotate(90deg) translateX(-600px);
        }
        main .judge .contn .round .check .ring .item:nth-child(5),
        main .judge .contn .round .check .txt .around:nth-child(5){
            transform:rotate(110deg) translateX(-600px);
        }
        main .judge .contn .round .check .ring .item:nth-child(6),
        main .judge .contn .round .check .txt .around:nth-child(6){
            transform:rotate(130deg) translateX(-600px);
        }
        main .judge .contn .round .check .ring .item:nth-child(7),
        main .judge .contn .round .check .txt .around:nth-child(7){
            transform:rotate(150deg) translateX(-600px);
        }
        
        
        main .judge .contn .round .check .txt .around{
            position: absolute;
            top:calc(50% - 12px);
            left: calc(50% - 200px);
            width: 400px;
            text-align: center;
            transform-origin: center center;
        }
       
        main .judge .contn .round .check .txt p{
            display: inline-block;
        }
        main .judge .contn .round .check .txt .around:nth-child(1) p{
            transform:rotate(-30deg);
        }
        main .judge .contn .round .check .txt .around:nth-child(2) p{
            transform:rotate(-50deg);
        }
        main .judge .contn .round .check .txt .around:nth-child(3) p{
            transform:rotate(-70deg);
        }
        main .judge .contn .round .check .txt .around:nth-child(4) p{
            transform:rotate(-90deg);
        }
        main .judge .contn .round .check .txt .around:nth-child(5) p{
            transform:rotate(-110deg);
        }
        main .judge .contn .round .check .txt .around:nth-child(6) p{
            transform:rotate(-130deg);
        }
        main .judge .contn .round .check .txt .around:nth-child(7) p{
            transform:rotate(-150deg);
        }
        main .judge .contn .round .check .txt .around p span{
            display: inline-block;
            font-size: 24px;
            color: #ccc;
            line-height: 24px;
            position: relative;
            cursor: pointer;
            transition: color ease .5s;
        }
        main .judge .contn .round .check .txt .around.hover p span,
        main .judge .contn .round .check .txt .around.active p span,
        main .judge .contn .round .check .txt .around.cross p span{
            color: #bf2532;
            font-weight: bold;
        }
        main .judge .contn .round .check .txt .around:nth-child(1) p span,
        main .judge .contn .round .check .txt .around:nth-child(2) p span,
        main .judge .contn .round .check .txt .around:nth-child(3) p span{
            transform: translateX(calc(-50% - 15px));
        }
        main .judge .contn .round .check .txt .around:nth-child(5) p span,
        main .judge .contn .round .check .txt .around:nth-child(6) p span,
        main .judge .contn .round .check .txt .around:nth-child(7) p span{
            transform: translateX(calc(50% + 15px));
        }
        main .judge .contn .round .check .txt .around:nth-child(2) p span,
        main .judge .contn .round .check .txt .around:nth-child(6) p span{
            bottom: 8px;
        }
        main .judge .contn .round .check .txt .around:nth-child(4) p span{
            bottom: 24px;
        }
        main .judge .contn .round .check .txt .around:nth-child(3) p span,
        main .judge .contn .round .check .txt .around:nth-child(5) p span{
            bottom: 16px;
        }

        main .judge .txtBox{
            transition: height ease .5s;
        }
        main .judge .txtBox p{
            font-size: 30px;
            line-height: 150%;
            display: none;
        }
        main .judge .txtBox p.active{
            display: block;
        }

        main .judge a.btn:last-child{
            margin-top: 120px;
        }

        
        main .team{
            padding-top: 80px;
            background: #eee;
            padding-bottom: 180px;
        }
        main .team .teachers{
            margin-top: 70px;
            height: calc(37.4vw + 30px);
            position: relative;
            opacity: 0;
            transition: opacity ease .3s;
        }
        main .team .teachers.minWidth{
            height: calc(74.8vw + 30px);
            overflow: hidden;
        }
        main .team .teachers.minWidth .teacherList{
            transform:scale(2);
        }
        main .team .teachers .teacherList{
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0px;
            height: 0px;
            perspective: 31.25vw;
        }
        main .team .teachers .teacherList .item{
            position: absolute;
            height: 37.4vw;
            width: 17.6vw;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            overflow: hidden;
            backface-visibility: hidden;
            -webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
            -moz-backface-visibility:hidden; 	/* Firefox */
            -ms-backface-visibility:hidden; 	/* Internet Explorer */
            transition-property: width,height,margin-left; 
            transition-duration:.5s;
        }
        /*main .team .teachers .teacherList .item.lft{
            transform: translate3d(-50%,-50%,-15px) rotateY(-15deg);
        }
        main .team .teachers .teacherList .item.rht{
            transform: translate3d(-50%,-50%,-15px) rotateY(15deg);
        }
        main .team .teachers .teacherList .item.middle{
            transform: translate3d(-50%,-50%,10px);
        }*/
        main .team .teachers .teacherList .item .box{
            width: 17.6vw;
            height: 95%;
            position: absolute;
            top: 0px;
            left: 0px;
            transition: ease .5s all;
            transform-origin: top left;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
        }
        main .team .teachers .teacherList .item .box img{
            height: 105%;
            transition: ease .5s all;
        }
        main .team .teachers .teacherList .item .box .shadow{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            background: #000;
            
        }
        main .team .teacherInfo{
            width: 20vw;
            float: left;
            position: relative;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
        }
        main .team .teacherInfo .intro{
            position: absolute;
            width: 100%;
            opacity: 0;
            left:50%;
            transform: translateX(-50%);
            transition: ease opacity .5s;
        }
        main .team .teacherInfo .intro.show{
            opacity: 1;
            transition-delay: .1;
        }
        main .team .teacherInfo .intro p:first-child{
            font-size: 18px;
        }
        main .team .teacherInfo .intro p:last-child{
            font-size: 14px;
            line-height: 150%;
            margin-top: 25px;
        }
        main .team .teachers .btn{
            width: 80px;
            height: 80px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }
        main .team .teachers .btn,
        main .team .teachers .btn .btm,
        main .team .teachers .btn .triangle{
            border-radius: 50%;
            overflow: hidden;
        }
        main .team .teachers .btn .btm{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            border: 1px solid #000;
        }
        main .team .teachers .btn .red{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            transition: all ease 1s;
        }
        main .team .teachers .btn .red p {
            position: absolute;
            width: 50%;
            height: 100%;
            overflow: hidden;
            top: 0px;
            
        }
        main .team .teachers .btn .red p span{
            width: 100%;
            height: 100%;
            top: 0px;
            position: absolute;
            border:1px solid #cb2c40;
            transition: all linear .5s;
            overflow: hidden;
        }
        main .team .teachers .btn .red p.left span{
            transform-origin: left center;
            border-left-width:0px;
            border-top-right-radius: 40px;
            border-bottom-right-radius: 40px;
            left: 100%;      
            transition-delay: .5s;          
        }
        
        main .team .teachers .btn .red p.right span{
            transform-origin: right center;
            border-right-width:0px;
            border-top-left-radius: 40px;
            border-bottom-left-radius: 40px;
            right: 100%;
           
        }
        main .team .teachers .btn .triangle{
            width: calc(100% - 2px);
            height: calc(100% - 2px); 
            position: relative;
            top: 1px;
            left: 1px;
            z-index: 3;
            color: #8a8a8a;
            transition: all ease .5s;
            font-size: 18px;
        }
        main .team .teachers .btn.prev .triangle{
            transform:rotateY(180deg);
        }
        main .team .teachers .btn:hover .triangle{
            color: #cb2c40;
        }
        main .team .teachers .btn.prev,
        main .team .teachers .btn .red p.left{
            left: 0px;
        }
        main .team .teachers .btn.next,
        main .team .teachers .btn .red p.right{
            right: 0px;
        }
        main .encourage{
            position: relative;
        }
        main .encourage .pic{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
        }
        main .encourage .pic .shave{
            z-index: 2;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            background: #bf2532;
            opacity: .6;
        }
        main .encourage .contn{
            position: relative;
            z-index: 2;
            padding: 150px 0px;
            text-align: center;
            color: #fff;
            background: rgba(255,255,255,.3);
        }
        main .encourage .contn p{
            font-size: 24px;
            margin-bottom: 25px;
        }
        main .encourage a.btn:last-child{
            margin-top: 80px;
            border-color: #fff;
            background: rgba(255,255,255,.3);
        }
        main .encourage a.btn:last-child:hover{
            border-color: #bf2532;
            background: #bf2532;
        }

        @media(max-width:1400px){
            main .judge .contn .round{
                height: 17vw;
            }
            main .judge .contn .round .circle{
                width: 68vw;
                height: 68vw;
                left: calc(50% - 34vw);
            }
            main .judge .contn .round .line .clip{
                clip:rect(0px,auto,34vw,auto);
            }
            main .judge .contn .round .check .ring .item{
                width: 8px;
                height: 8px;
                top: calc(50% - 4px);
                left: calc(50% - 4px);
            }
            main .judge .contn .round .check .ring .item:nth-child(1),
            main .judge .contn .round .check .txt .around:nth-child(1){
                transform:rotate(30deg) translateX(-34vw);
            }
            main .judge .contn .round .check .ring .item:nth-child(2),
            main .judge .contn .round .check .txt .around:nth-child(2){
                transform:rotate(50deg) translateX(-34vw);
            }
            main .judge .contn .round .check .ring .item:nth-child(3),
            main .judge .contn .round .check .txt .around:nth-child(3){
                transform:rotate(70deg) translateX(-34vw);
            }
            main .judge .contn .round .check .ring .item:nth-child(4),
            main .judge .contn .round .check .txt .around:nth-child(4){
                transform:rotate(90deg) translateX(-34vw);
            }
            main .judge .contn .round .check .ring .item:nth-child(5),
            main .judge .contn .round .check .txt .around:nth-child(5){
                transform:rotate(110deg) translateX(-34vw);
            }
            main .judge .contn .round .check .ring .item:nth-child(6),
            main .judge .contn .round .check .txt .around:nth-child(6){
                transform:rotate(130deg) translateX(-34vw);
            }
            main .judge .contn .round .check .ring .item:nth-child(7),
            main .judge .contn .round .check .txt .around:nth-child(7){
                transform:rotate(150deg) translateX(-34vw);
            }
            main .judge .contn .round .check .txt .around p span{
                font-size: 18px;
            }
            main .judge .txtBox p{
                font-size: 22px;
                padding: 0px 15px;
            }
            main .team .teachers .btn{
                width: 60px;
                height: 60px;
            }
            main .team .teachers .btn .red p.left span{
                border-top-right-radius: 30px;
                border-bottom-right-radius: 30px;
            }
            
            main .team .teachers .btn .red p.right span{
                border-top-left-radius: 30px;
                border-bottom-left-radius: 30px;
            }
            main .team .teachers .btn.prev{
                left: 20px;
            }
            main .team .teachers .btn.next{
                right: 20px;
            }

            main .encourage .contn{
                padding: 8vw 0px;
            }
            main .encourage .contn p{
                font-size: 2vw;
            }
            main .encourage a.btn:last-child{
                margin-top: 6vw;
            }
        }

        @media (max-width:1024px){
            main .judge{
                margin-top: 80px;
                padding-bottom: 50px;
            }

            main a.btn:last-child{
                margin-top: 8vw !important;
            }
            main .judge .contn .round .check .txt .around p span{
                font-size: 16px;
            }
            main .team .teachers{
                height: calc(56.1vw + 30px);
            }
            main .team .teachers .teacherList{
                transform: scale(1.5);
            }
            main .team .teacherInfo .intro{
                width: 150%;
            }
        }
        @media (max-width:767px){
            main a.btn:last-child{
                margin-top: 35px !important;
            }
            main .judge{
                margin-top: 60px;
                padding-bottom: 30px;
            }
            main .judge .title + p{
                width: 80%;
                padding: 0px;
            }
            main .judge .contn{
                padding:20vw 0px;
            }
            main .judge .contn .round .line .btmDashed,
            main .judge .contn .round .line .solid{
                border-width: 1px;
            }
            main .judge .contn .round .check .ring .item{
                width: 6px;
                height: 6px;
                top: calc(50% - 3px);
                left: calc(50% - 3px);
            }
            main .judge .contn .round .check .txt .around{
                width: 48px;
                left: calc(50% - 24px);
                top: calc(50% - 25px);
            }
            main .judge .contn .round .check .txt .around p span{
                font-size: 12px;
                height: 50px;
                display: inline-flex;
                height: 50px;
                align-items: center;
                line-height: initial;
            }
            main .judge .contn .round .check .txt .around:nth-child(1) p span, 
            main .judge .contn .round .check .txt .around:nth-child(2) p span, 
            main .judge .contn .round .check .txt .around:nth-child(3) p span{
                transform: translateX(calc(-50% - 10px));
            }
            
            main .judge .contn .round .check .txt .around:nth-child(5) p span, 
            main .judge .contn .round .check .txt .around:nth-child(6) p span, 
            main .judge .contn .round .check .txt .around:nth-child(7) p span{
                transform: translateX(calc(50% + 10px));
            }
            main .judge .txtBox p{
                font-size: 14px;
                padding: 0px 5px;
            }

            main .team .teachers .btn .btm{
                border-color: #fff;
            }
            main .team .teachers .btn .triangle{
                color: #fff;
            }
            main .team .teacherInfo{
                width: 80%;
                margin-top: 25px;
            }
            main .team .teacherInfo .intro{
                width: 100%;
            }
            main .team .teacherInfo .intro p:first-child{
                font-size: 14px;
            }
            main .team .teacherInfo .intro p:last-child{
                font-size: 12px;
                line-height: 140%;
                margin-top: 15px;
            }
            main .encourage .contn{
                padding: 45px 20px;
            }
            main .encourage .contn p{
                margin-bottom: 15px;
                font-size: 14px;
            }
        }